@CHARSET "UTF-8";

body {
	background-color: #2b2b2b
}

#head {
	width: 600px;
	height: 60px;
	margin: 0 auto;
}

#headleft {
	width: 400px;
	height: 60px;
	float: left;
	text-align: left;
	font-family: 맑은 고딕;
	font-size: 24pt;
	font-weight: bold;
	line-height: 60px;
	color: white;
	letter-spacing: -1pt;
	text-shadow: 2px 2px 1px black;
}

#headright {
	width: 200px;
	height: 60px;
	float: right;
	font-family: 맑은 고딕;
	font-size: 15pt;
	font-weight: bold;
	text-align: right;
	color: white;
	line-height: 60px;
}

#trunk {
	width: 600px;
	height: 1200px;
	background-color: #ebebeb;
	margin: 0 auto;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
}

#contents {
	width: 540px;
	height: 1000px;
	margin: 30px auto;
}

#nmTitle {
	width: 540px;
	height: 60px;
	margin: 0 auto;
	font-size: 20pt;
	font-family: 맑은 고딕;
	font-weight: bold;
	letter-spacing: -1pt;
}

#idandpw {
	width: 540px;
	height: 200px;
	font-family: 맑은 고딕;
	font-size: 9pt;
	margin: 10px auto;
}

#idtitle {
	width: 540px;
	height: 30px;
	font-weight: bold;
}

#idbox {
	width: 540px;
	height: 30px;
}

#idbox1 {
	width: 230px;
	height: 30px;
	float: left;
	font-size: 12pt;
	font-weight: bold;
}

#id {
	width: 200px;
	height: 22px;
}

#idbox2 {
	width: 200px;
	height: 30px;
	float: left;
	text-align: left;
}

#mail {
	width: 180px;
	height: 22px;
}

#idbox3 {
	width: 110px;
	height: 30px;
	float: left;
}

#ck {
	width: 100px;
	height: 28px;
}

#agmtEmail {
	width: 120px;
	height: 30px;
	float: left;
	line-height: 30px;
}

#econfirm {
	width: 420px;
	height: 30px;
	float: left;
	line-height: 30px;
	color: #7c469c;
}

#idmsg1 {
	width: 230px;
	height: 30px;
	color: red;
	font-weight: bold;
	font-size: 12pt;
	float: left;
}

#idmsg2 {
	width: 310px;
	height: 30px;
	color: red;
	font-weight: bold;
	font-size: 12pt;
	float: left;
}

#pwtitle {
	width: 270px;
	height: 30px;
	float: left;
	font-weight: bold;
}

#pwtitle2 {
	width: 270px;
	height: 30px;
	float: right;
	font-weight: bold;
}

#pwbox1 {
	width: 270px;
	height: 30px;
	float: left;
}

#pw {
	width: 250px;
	height: 22px;
}

#pwck {
	width: 250px;
	height: 22px;
}

#pwbox2 {
	width: 270px;
	height: 30px;
	float: right;
}

#pwmsg1 {
	width: 270px;
	height: 30px;
	font-weight: bold;
	font-size: 12pt;
	float: left;
}

#pwmsg2 {
	width: 270px;
	height: 30px;
	font-weight: bold;
	font-size: 12pt;
	float: left;
}

#info {
	width: 540px;
	height: 170px;
}

#ititle {
	width: 540px;
	height: 30px;
	font-size: 9pt;
	font-family: 맑은 고딕;
	font-weight: bold;
	margin: 0 auto;
}

#ibox {
	width: 540px;
	height: 140px;
	background-color: white;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	font-size: 9pt;
	font-family: 맑은 고딕;
}

#iinbox {
	width: 500px;
	height: 100px;
	margin: 20px auto;
}

#name {
	width: 80px;
	height: 25px;
	float: left;
	font-weight: bold;
}

#namebox {
	width: 420px;
	height: 25px;
	float: right;
}

#nbox {
	width: 195px;
	height: 16px;
	margin: 0 auto;
}

#pall {
	width: 500px;
	height: 25px;
	margin: 0 auto;
	font-weight: bold;
}

#phone {
	width: 80px;
	height: 25px;
	float: left;
	z-index: 0;
}

#pand {
	width: 420px;
	height: 25px;
	float: right;
	z-index: 0;
}

#phonebox {
	width: 200px;
	height: 25px;
	text-align: left;
	float: left;
	z-index: 1;
}

#pn {
	width: 56px;
}

.pbox {
	width: 55px;
	height: 16px;
}

#sms {
	width: 200px;
	height: 25px;
	float: right;
	z-index: 1;
	font-weight: bold;
}

#zmsg {
	width: 300px;
	height: 80px;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	background-color: #7c469c;
	z-index: 2;
	position: relative;
	bottom: 85px;
	left: 210px;
	display: none;
}

#inzmsg {
	width: 280px;
	margin: 0 auto;
	font-size: 8pt;
	position: relative;
	bottom: 12px;
	left: 2px;
	color: white;
}

#sms2 {
	width: 19px;
	height: 19px;
	text-align: left;
	font-size: 9pt;
}

#subinfo {
	width: 500px;
	height: 25px;
	clear: both;
	font-size: 8pt;
	color: #3c3b3b;
}

#space {
	width: 80px;
	height: 25px;
	float: left;
}

#subtxt {
	width: 420px;
	height: 25px;
	float: right;
}

#ball {
	width: 500px;
	height: 25px;
	margin: 0 auto;
}

#birth {
	width: 80px;
	height: 25px;
	float: left;
	font-weight: bold;
}

#band {
	width: 420px;
	height: 25px;
	float: right;
}

#birthbox {
	width: 200px;
	height: 25px;
	float: left;
}

.b {
	width: 64px;
}

#gender {
	width: 200px;
	height: 25px;
	float: right;
}

#agmtCkbox {
	width: 540px;
	font-size: 9pt;
	margin: 30px auto;
	color: #444444;
}

#joinagmt {
	width: 540px;
	height: 30px;
	font-family: 맑은 고딕;
	font-weight: bold;
}

#joinagmt2 {
	width: 540px;
	height: 30px;
}

#joinagmt3 {
	width: 540px;
	height: 30px;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	font-family: 맑은 고딕;
	color: red;
}

.btn {
	width: 65px;
	height: 20px;
	font-size: 8pt;
}

#btn {
	width: 540px;
	height: 60px;
	font-family: 맑은 고딕;
	text-align: center;
	margin: 40px auto;
}

#final {
	width: 170px;
	height: 60px;
	background-color: #7c469c;
	font-family: 맑은 고딕;
	font-weight: bold;
	font-size: 18pt;
	color: white;
	line-height: 60px;
	margin: 0 auto;
}

#line {
	margin: 10px auto;
}

.txt {
	width: 534px;
	height: 130px;
	font-size: 9pt;
	color: #666666;
}

#txt2 {
	display: block;
}

#txt3 {
	display: none;
}

#txt4 {
	display: none;
}

#blahblah {
	width: 540px;
	font-size: 9pt;
	font-weight: bold;
}

#blahblah2 {
	width: 540px;
	margin: 30px auto;
	font-size: 9pt;
}

#triple {
	width: 540px;
	height: 30px;
	font-size: 9pt;
	background-color: #dcdcdc;
}

#triple1 {
	width: 178px;
	height: 28px;
	float: left;
	color: #444444;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	text-align: center;
	line-height: 30px;
	background-color: white;
}

#triple2 {
	width: 178px;
	height: 28px;
	float: left;
	color: #444444;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	text-align: center;
	line-height: 30px;
}

#triple3 {
	width: 178px;
	height: 28px;
	float: left;
	color: #444444;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	text-align: center;
	line-height: 30px;
}

#b1 {
	margin: 10px auto;
	color: #444444;
}

#b2 {
	margin: 10px auto;
	color: #444444;
	font-size: 8.5pt
}

.box_l {
	width: 300px;
	height: 35px;
	font-size: 15pt;
}

.box_s {
	width: 60px;
	height: 35px;
	font-size: 16pt;
	font-weight: bold;
}

#select_s {
	width: 100px;
	height: 40px;
	font-size: 16pt;
	font-weight: bold;
}

#headleft {
	width: 800px;
	height: 40px;
	text-align: left;
	font-family: 맑은 고딕;
	font-size: 24pt;
	font-weight: bold;
	line-height: 60px;
	color: white;
	letter-spacing: -1pt;
	text-shadow: 2px 2px 1px black;
}

.hspace {
	height: 30px;
}

#s1 {
	margin : 0 10 0 30;
	width: 700px;
	height: 720px;
	border: white solid 2px;
	float: left;
}

#s2 {
	margin: 10 5 10 10;
	width: 70px;
	height: 180px;
	border: white solid 2px;
	float: left;
}

#s3 {
	margin: 10 5 10 0;
	width: 200px;
	height: 180px;
	border: white solid 2px;
	float: left;
}

#s4 {
	margin: 10 0 10 0;
	width: 350px;
	height: 180px;
	border: white solid 2px;
	float: left;
}